<include file="public:top" username="username"/>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>
<script type="text/javascript" src="__PUBLIC__/js/map.js"></script>
<div class="container">
	<div class="maincontent">
		<form action="" method="post" onsubmit="return false;">
			<div class="input-group" style="width:400px;">
			    <input type="text" id="mapAddress" name="mapAddress" class="form-control" value="安阳师范学院">
			    <span class="input-group-addon" style="cursor:pointer" type="button" value="搜索"  onClick="sear(document.getElementById('mapAddress').value);">搜索</span>
			</div>
		    <div style="margin: 20px auto; width:1100px; height:500px;border:1px solid gray;" id="container"></div>
		</form>
	</div>
</div>
<script type="text/javascript">
	//在指定的容器内创建地图实例
	var map = new BMap.Map("container");
	// map.setDefaultCursor("crosshair");//设置地图默认的鼠标指针样式
	map.enableScrollWheelZoom();//启用滚轮放大缩小，默认禁用。
	//创建点坐标
	var point = new BMap.Point(114.374663,36.064967);
	//初始化地图，设置中心点坐标和地图级别
	map.centerAndZoom(point, 13);
	//panTo()方法 等待两秒钟后-让地图平滑移动至新中心点
	//***********************地址解析类  
	var gc = new BMap.Geocoder();
	//向map中添加--------------------------------------控件
	/**地图API中提供的控件有：
	Control：控件的抽象基类，所有控件均继承此类的方法、属性。通过此类您可实现自定义控件。
	NavigationControl：地图平移缩放控件，默认位于地图左上方，它包含控制地图的平移和缩放的功能。
	OverviewMapControl：缩略地图控件，默认位于地图右下方，是一个可折叠的缩略地图。
	ScaleControl：比例尺控件，默认位于地图左下方，显示地图的比例关系。
	MapTypeControl：地图类型控件，默认位于地图右上方。
	CopyrightControl：版权控件，默认位于地图左下方。
	**/
	//NavigationControl 地图平移缩放控件，默认位于地图左上方 它包含控制地图的平移和缩放的功能。
	map.addControl(new BMap.NavigationControl()); 
	//OverviewMapControl 缩略地图控件，默认位于地图右下方，是一个可折叠的缩略地图
	map.addControl(new BMap.OverviewMapControl());
	//ScaleControl：比例尺控件，默认位于地图左下方，显示地图的比例关系。
	map.addControl(new BMap.ScaleControl());
	//MapTypeControl：地图类型控件，默认位于地图右上方。
	map.addControl(new BMap.MapTypeControl());
	//CopyrightControl：版权控件，默认位于地图左下方
	map.addControl(new BMap.CopyrightControl());

	// 创建标注  
	var marker = new BMap.Marker(point);   
	// 将标注添加到地图中
	map.addOverlay(marker);
	 
	//*******************************************可托拽的标注
	//marker的enableDragging和disableDragging方法可用来开启和关闭标注的拖拽功能。
	marker.enableDragging();
	//监听标注的dragend事件来捕获拖拽后标注的最新位置
	marker.addEventListener("dragend",function(e){
	  gc.getLocation(e.point, function(rs){  
	          showLocationInfo(e.point, rs);  
	      });  
	});

	var traffic = new BMap.TrafficLayer();     
	// 将图层添加到地图上  
	map.addTileLayer(traffic);                    

	var myCity = new BMap.LocalCity();
	myCity.get(iploac);
</script>
<include file="public:footer"/>
